<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/businessList.css" rel="stylesheet">
    <title>饿了么 商家列表</title>
</head>
<body>
    <div class="wrapper">
        <!-- header部分 -->
        <header class="mdc-top-app-bar">
            <a href="index.html" class="mdc-top-app-bar__navigation-icon"><i class="material-icons">arrow_back</i></a>
            <span class="mdc-top-app-bar__title">商家列表</span>
        </header>

        <!-- 商家列表部分 -->
        <div class="business-list">
            <a href="businessInfo.html" class="business-card">
                <img src="img/sj01.png" class="business-image">
                <div class="business-info">
                    <h3>万家饺子（软件园E18店）</h3>
                    <p>¥15起送 | ¥3配送</p>
                    <p>各种饺子炒菜</p>
                </div>
            </a>
            <a href="businessInfo.html" class="business-card">
                <img src="img/sj02.png" class="business-image">
                <div class="business-info">
                    <h3>小锅饭豆腐馆（全运店）</h3>
                    <p>¥15起送 | ¥3配送</p>
                    <p>特色美食</p>
                </div>
            </a>
            <a href="businessInfo.html" class="business-card">
                <img src="img/sj03.png" class="business-image">
                <div class="business-info">
                    <h3>麦当劳麦乐送（全运路店）</h3>
                    <p>¥15起送 | ¥3配送</p>
                    <p>汉堡薯条</p>
                </div>
            </a>
            <a href="businessInfo.html" class="business-card">
                <img src="img/sj04.png" class="business-image">
                <div class="business-info">
                    <h3>米村拌饭（浑南店）</h3>
                    <p>¥15起送 | ¥3配送</p>
                    <p>各种炒菜拌饭</p>
                </div>
            </a>
            <a href="businessInfo.html" class="business-card">
                <img src="img/sj05.png" class="business-image">
                <div class="business-info">
                    <h3>申记串道（中海康城店）</h3>
                    <p>¥15起送 | ¥3配送</p>
                    <p>烤串炸串</p>
                </div>
            </a>
        </div>

        <!-- 底部菜单部分 -->
        <ul class="footer">
            <li onclick="location.href='index.html'">
                <i class="material-icons">home</i>
                <p>首页</p>
            </li>
            <li onclick="location.href='discover.html'">
                <i class="material-icons">explore</i>
                <p>发现</p>
            </li>
            <li onclick="location.href='orderList.html'">
                <i class="material-icons">receipt</i>
                <p>订单</p>
            </li>
            <li onclick="location.href='me.html'">
                <i class="material-icons">person</i>
                <p>我的</p>
            </li>
        </ul>
    </div>
</body>
</html>
